$green: #1abc9c;
$red: #ff7373;
.contents {
  background: #f7f7f7;
	padding-bottom: 34px;
	.invitedgift {
		margin: 30px 0;
		.cp_r {
			width: 998px;
			// height: 961px;
			background-color: #ffffff;
			border: solid 1px #eeeeee;
			.cp_r_tab {
				height: 50px;
				background-color: #fdfdfd;
				border-bottom: solid 1px #eeeeee;
				line-height: 50px;
				font-size: 18px;
				color: #666;
				position: relative;
				div {
					text-align: center;
					width: 101px;
					height: 50px;
				}
				.active {
					background-color: #ffffff;
					color: $green;
					border-top: 4px solid $green;
				}
				.ques {
					width: 170px;
					height: 100%;
					line-height: 50px;
					font-size: 16px;
					color:#666;
					position: absolute;
					right: 20px;
					img {
						width:20px;
						height: 20px;
					}
				}
			}
			.cp_r_scorebox {
				padding: 26px;
				.scorebox {
					width:100%;
					padding: 20px;
					border: 1px solid #eee;
					font-size: 18px;
					color: #666;
					.item1 {
						img {
							width: 73px;
							height: 77px;
						}
					}
					.item2 {
						div {
							&:first-child {
								font-size: 20px;
								color:#333;
							}
							&:last-child {
								font-size: 22px;
								color:#ff4a4a;
								margin-top: 25px;
							}
						}
					}
					.item3 {
						div {
							&:last-child {
								font-size: 28px;
								color:$green;
								margin-top: 25px;
							}
						}
					}
					.item4 {
						text-align: center;
						img {
							width: 160px;
							height: 160px;
							margin-bottom: 20px;
						}
					}
				}
				.rank {
					font-size: 18px;
					color: #333;
					padding: 20px 0;
					border-bottom: 1px solid #eee;
					img {
						width: 25px;
						height: 24px;
						margin-right: 18px;
					}
				}
				.rank_item {
					padding: 25px 0;
					border-bottom: 1px solid #eee;
					.number {
						width: 43px;
						font-size: 28px;
						font-style: italic;
						color: #aaaaaa;
						text-align: center;
					}
					.prize {
						width: 43px;
						height: 35px;
					}
					.avator {
						width: 60px;
						height: 60px;
						margin: 0 23px 0 32px;
					}
					.personinfo {
						font-size: 18px;
						flex:1;
						div {
							line-height: 36px;
							&:first-child {
								color:#333;
							}
							&:last-child {
								color:#999;
							}
						}
					}
					.money {
						font-size: 20px;
						color: $green;
						font-weight: 700;
					}
				}
			}
			.blank {
				// width: 96%;
				margin: 26px;
				flex-direction: column;
				height: 510px;
				background-color: #ffffff;
				border: solid 1px #eeeeee;
				img {
					width: 204px;
					height: 137px;
					margin-bottom: 40px;
				}
				div {
					font-size: 20px;
					color: #666;
				}
			}
		}
	}
}
